<ui:composition template="../../ESRestaurante/templates/template.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:composite="http://java.sun.com/jsf/composite">

	<ui:define name="titulo">
		<h:outputText value="Restaurante - Manter Produto Servico" />
	</ui:define>

	<ui:define name="comandos">
		<p:commandButton value="Incluir" action="#{manterProdutoServicoFaces.incluirAction}" styleClass="botaoPequeno"/>
		<p:commandButton value="Cancelar" immediate="true" action="#{manterProdutoServicoFaces.cancelarAction}" styleClass="botaoPequeno"/>
	</ui:define>
	
	<ui:define name="titulopagina">
		<h:outputLabel value="#{manterProdutoServicoFaces.titulo}" />
		<h:outputLabel id="txtCategoria" value="#{manterProdutoServicoFaces.filtroSelecionado != null ? manterProdutoServicoFaces.filtroSelecionado.nome : '' }" />
	</ui:define>
	
	<ui:define name="conteudo">
		<div style="float: left; width: 20%">

			<p:menu  >
				<p:menuitem value="Todos os Produtos" update="tblOferecimentos, txtCategoria" 
					action="#{manterProdutoServicoFaces.listarTodos}"   />					
					
				<p:menuitem value="#{manterProdutoServicoFaces.listaTipoCategoria[0].nome}" update="tblOferecimentos, txtCategoria" 
					action="#{manterProdutoServicoFaces.filtrarActionListiner}"  >
					<f:setPropertyActionListener target="#{manterProdutoServicoFaces.filtroSelecionado}" 
						value="#{manterProdutoServicoFaces.listaTipoCategoria[0]}"  />
				</p:menuitem>
				<p:menuitem value="#{manterProdutoServicoFaces.listaTipoCategoria[1].nome}" update="tblOferecimentos, txtCategoria" 
					action="#{manterProdutoServicoFaces.filtrarActionListiner}"  >
					<f:setPropertyActionListener target="#{manterProdutoServicoFaces.filtroSelecionado}" 
						value="#{manterProdutoServicoFaces.listaTipoCategoria[1]}"  />
				</p:menuitem>
				<p:menuitem value="#{manterProdutoServicoFaces.listaTipoCategoria[2].nome}" update="tblOferecimentos, txtCategoria" 
					action="#{manterProdutoServicoFaces.filtrarActionListiner}"  >
					<f:setPropertyActionListener target="#{manterProdutoServicoFaces.filtroSelecionado}" 
						value="#{manterProdutoServicoFaces.listaTipoCategoria[2]}"  />
				</p:menuitem>
				<p:menuitem value="#{manterProdutoServicoFaces.listaTipoCategoria[3].nome}" update="tblOferecimentos, txtCategoria" 
					action="#{manterProdutoServicoFaces.filtrarActionListiner}"  >
					<f:setPropertyActionListener target="#{manterProdutoServicoFaces.filtroSelecionado}" 
						value="#{manterProdutoServicoFaces.listaTipoCategoria[3]}"  />
				</p:menuitem>
				<p:menuitem value="#{manterProdutoServicoFaces.listaTipoCategoria[4].nome}" update="tblOferecimentos, txtCategoria" 
					action="#{manterProdutoServicoFaces.filtrarActionListiner}"  >
					<f:setPropertyActionListener target="#{manterProdutoServicoFaces.filtroSelecionado}" 
						value="#{manterProdutoServicoFaces.listaTipoCategoria[4]}"  />
				</p:menuitem>
				<p:menuitem value="#{manterProdutoServicoFaces.listaTipoCategoria[5].nome}" update="tblOferecimentos, txtCategoria" 
					action="#{manterProdutoServicoFaces.filtrarActionListiner}"  >
					<f:setPropertyActionListener target="#{manterProdutoServicoFaces.filtroSelecionado}" 
						value="#{manterProdutoServicoFaces.listaTipoCategoria[5]}"  />
				</p:menuitem>
				<p:menuitem value="#{manterProdutoServicoFaces.listaTipoCategoria[6].nome}" update="tblOferecimentos, txtCategoria" 
					action="#{manterProdutoServicoFaces.filtrarActionListiner}"  >
					<f:setPropertyActionListener target="#{manterProdutoServicoFaces.filtroSelecionado}" 
						value="#{manterProdutoServicoFaces.listaTipoCategoria[6]}"  />
				</p:menuitem>
				<p:menuitem value="#{manterProdutoServicoFaces.listaTipoCategoria[7].nome}" update="tblOferecimentos, txtCategoria" 
					action="#{manterProdutoServicoFaces.filtrarActionListiner}"  >
					<f:setPropertyActionListener target="#{manterProdutoServicoFaces.filtroSelecionado}" 
						value="#{manterProdutoServicoFaces.listaTipoCategoria[7]}"  />
				</p:menuitem>
				
			</p:menu>
		</div>	
		<div  style="float: right; width: 80%" >					
			<p:dataTable id="tblOferecimentos" var="item" width="100%"
				value="#{manterProdutoServicoFaces.listaOferecimento}" >				
				<p:column style="max-width: 150px; min-width: 150px; overflow: hidden"  >
					<f:facet name="header">
						<h:outputLabel value="Nome" />
						</f:facet>
					<h:outputLabel value="#{item.nome}" />
				</p:column >
				<p:column style="max-width: 300px; min-width: 300px; overflow: hidden" >
					<f:facet name="header">
						<h:outputLabel value="Descricao" />
						</f:facet>
					<h:outputLabel value="#{item.descricao}" />
				</p:column>
				<p:column style="max-width: 100px; min-width: 100px; overflow: hidden; text-align: center;"> 
					<f:facet name="header">
						<h:outputLabel value="Tipo Setor" />
					</f:facet>
					<h:outputLabel value="#{item.balcaoCozinha}" />
				</p:column>
				<p:column style="max-width: 75px; min-width: 75px; overflow: hidden; text-align: center;">
					<f:facet name="header">
						<h:outputLabel value="Estoque"  />
					</f:facet>
					<h:outputLabel value="#{item.estoque}" >						  
					</h:outputLabel>
				</p:column>				
				<p:column style="max-width: 80px; min-width: 80px; overflow: hidden; text-align: center;">
					<f:facet name="header">
						<h:outputLabel value="Valor" />
					</f:facet>
					<h:outputLabel value="#{item.valor}" >						  
					</h:outputLabel>
				</p:column>
				<p:column style="max-width: 225px; min-width: 225px; overflow: hidden">
					<f:facet name="header">
						<h:outputLabel value="Acao" />
					</f:facet>
					<p:commandButton value="Editar" action="#{manterProdutoServicoFaces.editarAction}" styleClass="botaoPequeno" ajax="false">
						<f:setPropertyActionListener target="#{manterProdutoServicoFaces.oferecimentoSelecionado}" value="#{item}" />
					</p:commandButton>
		
					<p:commandButton value="Excluir" action="#{manterProdutoServicoFaces.excluirAction}" styleClass="botaoPequeno" update="tblOferecimentos" ajax="false" >
						<f:setPropertyActionListener target="#{manterProdutoServicoFaces.oferecimentoSelecionado}" value="#{item}" />
					</p:commandButton>						
				</p:column>
			</p:dataTable>
		</div>
		<div style="clear:both;"></div>
	</ui:define>
	
</ui:composition>